.dialog {
  & .x-button {
    right: -20px;

    & span {
      color: rgba(255, 255, 255, 0.87);
    }
  }

  & p {
    color: rgba(0, 0, 0, 0.87);
    line-height: 22px;
  }

  & header {
    border-radius: 2px 2px 0 0;
    color: rgba(255, 255, 255, 0.87);

    & h1 {
      color: rgba(255, 255, 255, 0.87);
      font-weight: normal;
    }
  }

  & hr {
    border-bottom-width: 0;
    margin: 16px -24px;
    border-color: rgba(0, 0, 0, 0.12);
  }
}

.title {
  padding: 20px 0;
  font-size: 48px;
  text-align: center;
  color: black;
  font-family: Gilroy, Open Sans, sans-serif;
  font-weight: 800;
  line-height: 59px;
}

.body {
  border-radius: 2px 2px 0 0;
  padding: 0px;
}

.innerBody {
  padding: 24px;
  max-height: calc(100vh - 64px); /* stylelint-disable-line */
  overflow: auto;
}

.fullscreen {
  width: 650px;
}

.overlay {
  background-color: rgba(0, 26, 62);
  opacity: 0.9 !important;
}

@media screen and (min-width: 600px) {
  .innerBody {
    max-height: calc(100vh - 100px); /* stylelint-disable-line */
  }
}

.error {
  background-color: #c62828;
}

.success {
  background-color: #7cb342;
}
